@font-face{
    font-family: "TimesNewRoman";
    src : url('TimesNewRoman.ttf');
}
@font-face{
    font-family: "PingFang SC Regular";
    src : url('PingFang SC Regular.ttf');
}
html ,body{font-family: "PingFang SC Regular";}
html ,body{
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
padding:0px;
margin: 0;
font-family: "PingFang SC Regular",Arial,sans-serif!important;
color:#444;
font-size:14px;
}
ul,li,ol{list-style:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
color: #707070;
padding-left: 5px;
text-transform: none;
}
select {
text-transform: none;
width: 120px;
color: #707070;
padding-left: 5px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;

page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
}
a:hover,a:active,a:focus,a:visited{text-decoration:none;color:#5980d1;}

.navbar-header .navbar-brand a:hover img{opacity:1!important;}
.main_whbds a:hover img,.gl_main_whbds a:hover img{opacity: 0.6;}

.fl{float:left;}
.fr{float:right;}
.w100{width:100%;}
.clear{clear:both;}
.paddnone{padding:0px;}
.paddleft15{padding-left:15px;}
.paddleft30{padding-left:30px;}
.paddright30{padding-right:30px;}
.paddright15{padding-right:15px;}
.paddleft0{padding-left:0px;}
.paddright0{padding-right:0px;}
.mar0{margin:0px;}
.mart0{margin-top:0px;}
.mart15{margin-top:15px;}
.mart10{margin-top:10px;}
.marb15{margin-bottom:15px;}
.marb30{margin-bottom:30px;}
.container{padding:0px;}

/*bgcolor*/
.bgcolor1{background:#ffffff;} 
.bgcolor2{background:#4267be;} 



/*font-color*/
.color0{color:#444444;} 
.color1{color:#0b4590;} 
.color2{color:#c5392d;} 
.color3{color:#f39800;}
.color4{color:#a0a0a0;} 
.color5{color:#fff;} 


.footer_whbds .container{overflow:hidden;}
@media (max-width: 768px) {
.app_padd15{padding:0px 15px;}
}


/*list start*/
.comment_list,.comment_list li{float:left;width:100%;padding:0px;margin:0px;}
.comment_list li{padding-bottom:5px;padding-top:5px;background:url(whbds_icon_list4.png) left center no-repeat;padding-left:10px;}
.comment_list li a{float:left;font-size:16px;line-height:180%;color:#444444;overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space:nowrap;width:89%;}
.comment_list li a:hover{color:#b33c3b;}

.comment_list li span{float:right;color:#999;font-weight:400;line-height:180%;font-size:14px; font-family: "TimesNewRoman";}
@media (max-width: 1200px) {
    .comment_list li a{width:79%;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space:nowrap;}
       
}
@media (max-width: 992px) {
    .comment_list li a{width:70%;}
       
}
@media (max-width: 768px) {
    .comment_list li a{width:76%;}
       
}
@media (max-width: 540px) {
    .comment_list li a{width:70%;}
       
}
@media (max-width: 430px) {
    .comment_list li a{width:95%;}
       
}
/*list end*/

.nav_bg_whbds{min-height:180px;border-radius:0px;position: relative;}

/*nav_top*/
.nav_top_whbds{height:50px;padding-top:5px;}
.nav_top_whbds .app_navbar_whbds{margin-top:10px;}
.nav_top_whbds .appbtn_group_whbds{margin-top:3px;}
.nav_top_whbds .breadcrumb{background:transparent;border-radius: 0px;color: #333;}
.nav_top_whbds .breadcrumb li a{color:#fff;font-size:14px;}
/*.nav_top_whbds .breadcrumb>li+li:before{content:"\007C";}*/
.nav_top_whbds .breadcrumb li a:hover{color:#23cee2;}

.time{float:left;line-height:40px;}

@media screen and (max-width: 1100px){
    .nav_bar_whbds .breadcrumb>li+li:before{padding:0px 1px;}
}

/*end*/

/*search*/
.search_nav{padding:0px;margin:0px;margin-left:15px;}
.search_nav .form-group{
    background:#2e57b7;
    border-radius:25px;
    padding:0px 10px;
    border:1px solid #2e57b7;;
}
.search_nav .form-group .form-control{
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color:#d9dff0;
}
.search_nav .form-group input::-webkit-input-placeholder{
    color:#d9dff0;
}
.search_nav .form-group input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#d9dff0;
}
.search_nav .form-group input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#d9dff0;
}
.search_nav .form-group input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#d9dff0;
}
.search_nav .form-group input,.search_nav .form-group input[type="button"]{background:none;border:none;}
.search_nav .form-group input[type="button"]{background:url(search_btn.png) left 3px no-repeat;height:25px;}
@media screen and (max-width: 1100px){
    .search_nav .form-group .form-control{padding:0px;}
}
.nav_bar_whbds .search_nav{margin-top:30px;}
/*end*/

/* header navbar */
.nav_bar_whbds{height:190px;background:#fff url(whbds_top_bg.jpg) top center no-repeat;}
.nav_bar_whbds .navbar-brand {margin-top:40px;}
.nav_bar_whbds .navbar-brand img{width:100%;max-width:1076px;min-width:170px;max-height:180px;}
.nav_bar_whbds .navbar-brand.hidden-sm img{width:100%;}


/* navbar */
.nav_whbds{border-radius:0px;/*min-height:30px;line-height:30px;*/padding:0px 0;}
.navbar-header span{color:#fff;font-size:16px;line-height:50px;}
.nav_main_whbds .navbar-nav  > li {
  float: none;
}

.nav_main_whbds .navbar-nav  >  li > a:before{float:left;display:block;color:#678dc2;content:"\007C";}
.nav_main_whbds .navbar-nav  >  li:first-child > a:before{content:"";}

.nav_main_whbds {
  border-bottom: 0;
}

.nav_main_whbds .navbar-nav  > li {
  display: table-cell;
  width: 1%;
}

.nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a{
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    text-align: center;
    padding:15px 0px;
    margin:0px;
    font-weight: 550;
} 
.nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:hover,
.nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a.active{
    background:#0b4590;
    color:#fff;
}
.nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li:hover a:before{
    content:"";
}

.navbar-collapse
{
  border-top: 0px solid transparent; 
  -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0); 
  box-shadow: inset 0 0px 0 rgba(255,255,255,0); 
}
.nav_main_whbds ul li.open > a{
        background:#0b4590;
}
@media screen and (min-width: 992px) and (max-width:1100px) {
    .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a{
     font-size:16px;
    } 
}

/* nav second  */
    .navbar-nav_whbds .nav{position: relative;}
    .navbar-nav_whbds .nav>li.whbds_dropdown{position: static;}
    .navbar-nav_whbds ul li.open > a{color:#ffffff!important;}
    .nav_whbds .nav_main_whbds .dropdown-menu {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 0 15px;
        margin: 0;
        background: #0b4590;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
        z-index: 101;
        border:#0b4590 solid 0px;
        left:0;
        margin-top:0px;
        float:none;
        width:100%;
    }
    .navbar-nav_whbds .dropdown-toggle{position: relative;}
    .navbar-nav_whbds .dropdown-toggle i.fa-caret-up{position: absolute;color:#e2edff;font-size:36px;bottom:-13px;left:40%;}
    .navbar-nav_whbds .dropdown .dropdown-toggle i{display:none;}
    .navbar-nav_whbds .dropdown.open .dropdown-toggle i{display:none;}

    @media (max-width: 1200px) {
        .min_menu_whbds li a{color:#ffffff;font-size:13px;font-weight:bold;padding:5px 0px;margin:0px;line-height:200%;}
     }
    @media (min-width: 768px) {
        .min_menu_whbds{/*! padding:15px!important; */}
        .min_menu_whbds li a{color:#ffffff;font-size:15px;padding:5px 10px;margin:0px;line-height:200%;}
        .min_menu_whbds li a:hover{color:#23cee2;background:transparent;}
    }
/*nav end */

/*app-header*/
    @media (min-width:992px)
    {   
        .navbar-toggle
        {
            display: none
        }
        .navbar-collapse
        {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-collapse.collapse
        {
            display: block!important;
            height: auto!important;
            width:100%;
            padding-bottom: 0;
            overflow: visible!important
        }

        .navbar-collapse.in
        {
            overflow-y: visible
        }

        .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse
        {
            padding-right: 0;
            padding-left: 0
        }

        /*nav first*/
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a span{
            padding:0px 0px;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:hover ,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:active ,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:focus ,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a.active {
            background:#0b4590!important;  /* 一级菜单颜色*/
            color:#fff!important;
        }
        .navbar-nav_whbds ul.navbar-nav li.open > a.dropdown-toggle {
            background: #0b4590!important; /* 一级菜单颜色*/
            color:#fff!important;
        }
    }

    @media (max-width:992px)
    {   
        .navbar-nav .open .dropdown-menu
        {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a
        {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu>li>a
        {
            line-height: 20px
        }

        .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover
        {
            background-image: none
        }
        
    }

    /*header*/
    @media (max-width: 992px) {
        .nav_top_whbds{background:#eee;}
        .nav_top_whbds .app_navbar_whbds{margin-top:0px; }
        .nav_top_whbds .appbtn_group_whbds{padding-right:15px;}
        .nav_top_whbds .appbtn_group_whbds button{background:#97a6c8;margin-top:0px;margin-right:0px;}
        .nav_top_whbds .appbtn_group_whbds .fa-share-alt{color:#fff;}
        .nav_top_whbds .app_dropdown_menu_whbds{background:#97a6c8;min-width: 120px;margin-right:15px;}
        .nav_top_whbds .app_breadcrumb_whbds{margin-bottom:0px;padding-bottom:0px;}
        .nav_top_whbds .app_breadcrumb_whbds>li{width:100%;padding-bottom:10px;}
        .nav_top_whbds .app_breadcrumb_whbds>li+li:before{color:#666666;content:"";float:left;padding:0px;}
    }
    @media (max-width: 768px) {
        .nav_top_whbds .breadcrumb li a{color:#fff;font-size:14px;}
        .nav_top_whbds .breadcrumb{padding:10px 15px 0 15px;background:transparent;border-radius: 0px;}
    }

    @media (max-width: 992px) {
        .nav_bar_whbds .navbar-brand{padding:10px 0px;margin-top:10px;}
        .nav_bar_whbds .navbar-brand.hidden-sm{margin-top:5px;}
    }
    @media (max-width: 768px) {
        .nav_bar_whbds .navbar-brand{padding-left:15px;padding-right:0px;}
    }
    @media (max-width: 480px) {
        .nav_bar_whbds{height: 155px;}
    }

    /*search*/
    @media (max-width: 992px) {
        .search_nav .form-group{
            /*background:rgba(236,236,236,0.3);*/
            background:#f5f5f5;
            border-radius:25px;
            padding:0px 10px;
            border:1px solid #97a6c8;
        }
        .search_nav .form-group .form-control{color:#333;}

        .search_nav .form-group input::-webkit-input-placeholder{
            color:#a7a7a7;
        }
        .search_nav .form-group input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#a7a7a7;
        }
        .search_nav .form-group input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#a7a7a7;
        }
        .search_nav .form-group input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#a7a7a7;
        }
        .search_nav .form-group input[type="button"]{background:url(search_btna.png) left 3px no-repeat;height:25px;}

    }
    @media (max-width: 768px) {
       .search_nav .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }
        .search_nav{padding:0px;margin:0px;margin-left:15px;}
    }


    /*nav*/
    .leftNavIcon {display:none;}    
    .navbar-toggle,.navbar-toggle:hover,.navbar-toggle:focus,.navbar-toggle:active{position: relative;z-index:999;border:1px solid transparent;} 
    .navbar-toggle{/*margin-top:12px;*/margin-top:-50px;width:40px;padding:9px 8px;background:#0b4590;}
    .navbar-toggle.collapsed > i{display:none;}
    .navbar-toggle >i{display:block;color:#fff;}
    .navbar-toggle.collapsed > .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      background: #fff;
      border-radius: 1px;
    }
    .navbar-toggle .icon-bar {
        display:none;
    }
    .navbar-collapse
    {
      float:left;
      z-index:9999;
      border-top: 0px solid transparent; 
      -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0); 
      box-shadow: inset 0 0px 0 rgba(255,255,255,0); 
      border-top:0px solid transparent;
      border-left:0px solid #4267be;
      border-right:0px solid #4267be;
    }
    @media (max-width: 992px) {
        .nav_main_whbds .navbar-nav  >  li > a:before{content:"";}
        .main_whbds .banner_whbds {margin-top:0px!important;}
        .nav_bg_whbds{height:auto;min-height:60px;border-bottom:2px solid #4267be;background:#fff;}
        .nav_main_whbds .navbar-nav{margin:0px;}
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a span{padding-left:15px;}
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a{
            text-align: left;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li:nth-child(even) > a{
            background:#e2e2e2;
            color:#333;
            font-weight:bold;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li:nth-child(odd) > a{
            background:#f3f3f3;
            color:#333;
            font-weight:bold;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds ul li > a{color:#fff;font-size:14px;white-space:nowrap;} 
        .nav_main_whbds .navbar-nav  >  li > a {
        margin-bottom: 5px;
        text-align: left;
        border-bottom:1px solid #fff;
        }
        .nav_main_whbds .navbar-nav  >  li > a:hover {
        border-bottom:1px solid #fff;
        }
        .nav_main_whbds .navbar-nav  > li {
        
        float:left;
        width:100%;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a{padding:0px;}
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a span{
            padding:12px 15px;
            display:inline-block;
            font-size: 14px;
        }
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:hover span,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:active span,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a:focus span,
        .nav_whbds .nav_main_whbds .navbar-nav_whbds .navbar-nav> li > a.active span{
            display:inline-block;
            background:#0b4590!important;  /* 一级菜单颜色*/
            color:#fff!important;
        }

        .navbar-nav_whbds ul.navbar-nav li.open > a.dropdown-toggle span{
            background: #0b4590!important; /* 一级菜单颜色*/
            color:#fff!important;
        }

        .nav_whbds .navbar-header{margin:0px;padding-left:0px;position: relative;} 
        .nav_whbds .navbar-header font a{
            color:#fff;font-weight:bold;font-size:20px;
            padding:15px 15px 10px 15px;display:inline-block;
            
        }
        .navbar-nav_whbds .dropdown-toggle i.fa-angle-right.menu_tree_icon{color:#fff;}
        .menu_tree a{color:#d3e1eb!important;}
        .nav_whbds .nav_main_whbds .dropdown-menu li a{border-bottom:0px solid red;}
        .nav_whbds .nav_main_whbds .dropdown-menu{padding:10px 0;background:#fff;}
        .nav_whbds .nav_main_whbds .dropdown-menu li a{
            padding:10px 0;
            color:#333!important;
            font-weight:400;
            padding-left:20px;
            text-align:left;
        }
        .nav_whbds .nav_main_whbds .min_menu_whbds{float:left;width:100%;border-left:2px solid #0b4590;}
        .nav_whbds .nav_main_whbds .min_menu_whbds li{float:left;width:33%;}
        .navbar-nav_whbds .breadcrumb{background:#4267be;border-radius: 0px;margin-bottom:0;}
        .navbar-nav_whbds .breadcrumb li a{font-size:14px;color:#fff;}

        .leftNavIcon {
          position: absolute;
          top: 0!important;
          right: 0!important;
          width: 3rem;
          padding: 10px 0!important;
          display:block!important;
          text-align: center;
        }
        li.open  .leftNavIcon:before{
          content:"\f107"!important;
          color:#333;
        }
    }
    
/*------*/




/* footer */
.footer_whbds{background:#4367be;padding:25px 0 25px 15px;}
.footer_cont_whbds{font-size:14px;line-height:24px;color:#fff;margin-top:15px;}

.cas_logo img{width:100%;max-width:245px;margin-top:8px;}
@media (max-width: 768px) {
    .footer_cont_whbds{font-size:14px;text-align:center;line-height:24px;color:#fff;margin-top:20px;}
    .footer_whbds .row{margin:0px!important;}
}

@media (max-width:768px) {
    .shouye_app a {
        font-size:15px!important;;
        line-height: 30px!important;;
        padding-left:15px!important;
    }
}